.tbl{
    display: table;
    width: 100%;
    .tbc{
        display: table-cell;
        height: 600px;
    }
    .half-cel{
        width: 50%;
    }
}

#evaluate{
    position: relative;
    #anitOut{
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}

#evaluate{
    padding: 80px 0 20px;
    background-color: #c0cdd4;
    .container{
        position: relative;
        z-index: 2;
    }
    .evaluate-box{
        width: 100%;
        .evaluate-cel{
            width: 590px;
            .evaluate-panel{
                padding: 10px;
                background-color: $white;
                float: left;
                width: 570px;
                margin-bottom: 20px;
                height: 170px;
                box-shadow: 0 1px 3px rgba(0,0,0,0.25);
            }
            .evaluate-item{
                .evaluate-item-img{
                    position: relative;
                    display: block;
                    width: 100%;
                    height: 170px;
                    opacity:1;
                    @include prefixer(transition,opacity 0.25s ease-in-out 0s);
                    &:hover{
                        opacity: 0.85;
                    }
                    img{
                        @include imgCenter;
                        min-height: 100%;
                    }
                }
                .evaluate-label{
                    text-indent: -8px;
                    color:#0182e0;
                }
                h3{
                    font-size: 18px;
                    line-height: 1.5;
                    margin: 5px 0;
                    a{
                        color: $normalColor;
                        text-decoration: none;
                        font-size: 20px;
                        line-height: 1;
                        &:hover{
                            color: $themeColor;
                        }
                    }
                }
                .relate-opera{
                    font-size: 12px;
                    i.fa{
                        font-size: 12px;
                        color: $defaultColor;
                    }
                    &>span{
                        margin-right: 10px;
                        color: $defaultColor;
                    }
                    a{
                        color: $defaultColor;
                        text-decoration: none;
                        &:hover{
                            color: $themeColor;
                            i.fa{
                                color: $themeColor;
                            }
                        }
                    }
                }
                .evaluate-item-detail{
                    word-wrap: break-word;
                    word-break: break-all;
                    font-size: 14px;
                    margin-top: 10px;
                    text-indent: 2em !important;
                    color: #888;
                }
            }
            &.fl{
                .evaluate-panel{
                    &:first-child,&.ev-l-1{
                        height: 515px;
                        margin-right: 20px;
                        .evaluate-item-img{
                            height: 345px;
                            margin-bottom: 20px;
                        }
                    }
                    &:nth-child(2),&.ev-l-last{
                        height: 170px;
                        .evaluate-item-img{
                            display: inline-block;
                            width: 290px !important;
                            float: left;
                            overflow: hidden;
                            margin-right: 20px;
                        }
                    }
                }
            }
            &.fr{
                .evaluate-panel{
                    .evaluate-item-img{
                        width: 290px;
                        float: left;
                    }
                    &:nth-child(1),&:nth-child(2){
                        .evaluate-item-img{
                            margin-right: 20px;
                        }
                    }
                    &:nth-child(n+3),&.ev-r{
                        height: 305px;
                        width: 265px;
                        .evaluate-item-img{
                            height: 136px;
                            width: 100%;
                            margin-bottom: 20px;
                            img{
                                width: 100%;
                            }
                        }
                    }
                    &:nth-child(4),&.ev-r-last{
                        margin-left: 20px;
                    }
                }
            }
        }
        
    }
    .evaluate-more{
        width: 180px;
        margin: 0 auto;
        padding: 20px 0;
        a{
            height: 34px;
            background-color: $white;
            display: block;
            text-align: center;
            width: 100%;
            line-height: 34px;
            text-decoration: none;
            color: $defaultColor;
            box-shadow: 0 1px 3px rgba(0,0,0,0.25);
        }
    }
}